import React from 'react';
import Svg, { Path } from 'react-native-svg';

interface GridIconProps {
  size?: number;
  color?: string;
}

export const GridIcon: React.FC<GridIconProps> = ({ 
  size = 24, 
  color = '#222' 
}) => {
  return (
    <Svg 
      width={size} 
      height={size} 
      viewBox="0 0 1024 1024"
      fill={color}
    >
      <Path 
        d="M416 128h-352c-19.2 0-32 12.8-32 32v320c0 19.2 12.8 32 32 32h352c19.2 0 32-12.8 32-32v-320c0-19.2-12.8-32-32-32zM416 544h-352c-19.2 0-32 12.8-32 32v320c0 19.2 12.8 32 32 32h352c19.2 0 32-12.8 32-32v-320c0-19.2-12.8-32-32-32zM896 544h-352c-19.2 0-32 12.8-32 32v320c0 19.2 12.8 32 32 32h352c19.2 0 32-12.8 32-32v-320c0-19.2-12.8-32-32-32zM896 128h-352c-19.2 0-32 12.8-32 32v320c0 19.2 12.8 32 32 32h352c19.2 0 32-12.8 32-32v-320c0-19.2-12.8-32-32-32z" 
        fill={color}
      />
    </Svg>
  );
};
